$(document).ready(function(){

    setTimeout(function(){changeImg()},6000)

    function changeImg(){
        $('#start').removeClass('cartoon')
        $('#start').addClass('cover')

        var navContent="<ul id='nav'><li><a href='#'>首页</a></li><li><a href='#'>产品</a></li><li><a href='#'>关于</a></li></ul>"
        $('#start').before(navContent)
        var transContent='<div id="transform"><img id="v" src="./img/v.png"><div id="trangle"><div class="t1"></div><div class="t2"></div><div class="t3"></div><div class="t4"></div><div class="t5"></div><div class="t6"></div><div class="t7"></div><div class="t8"></div></div></div>'
        $('#start').before(transContent)
        var itroContent="<div id='mainItro'><div id='passage'><div class='itro1'>我们就是Vtmers!我们在维生数工作室！</div><div class='line'></div><div class='itro2'>我们充满<span class='change'>热情和创造力</span></div></div><a id='us' href='#' onmousemove='mOve(this)' onmouseout='mOut(this)'>了解我们</a></div>"
        $('#start').append(itroContent)
        setTimeout(function(){changeText1()},2000)
    }

    function changeText1(){
        $('.itro2').replaceWith('<div class="itro2">我们热爱<span class="change">数学艺术创作</span></div>')
        setTimeout(function(){changeText2()},500)
    }

    function changeText2(){
        $('.itro2').replaceWith('<div class="itro2">我们追求<span class="change">分享和团队合作</span></div>')
        setTimeout(function(){changeText3()},500)
    }

    function changeText3(){
        $('.itro2').replaceWith('<div class="itro2">我们充满<span class="change">热情和创造力</span></div>')
        // setTimeout(function(){changeText4()},1000)
    }
});